<template>
  <div class="ddd">
   <div class="bg_sbz">
     <div class="container burr_a animated slideInLeft">
     <a class="buttonf " href="#company">
                      <img class="img_chang" src="../../public/img/xiao1.png" alt="尊享兑换">
                    </a>
                    <a class="buttonf" href="#company">
                        <img class="img_chang" src="../../public/img/xiao2.png" alt="尊享兑换">
                    </a>
                    <a class="buttonf" href="#company">
                        <img class="img_duan"  src="../../public/img/xiao3.png" alt="尊享兑换">
                    </a>
                    <a class="buttonf " href="#company">
                        <img class="img_duan" src="../../public/img/xiao4.png" alt="尊享兑换">
                    </a>
                    </div>
   </div>
   <div class="container ">
  <img class="animated slideInRight " src="../../public/img/guanyu1.jpg" alt="">
  <img src="../../public/img/guanyu2.jpg" alt="">
  <img src="../../public/img/guanyu3.jpg" alt="">
   </div>
<div class="container">
   <img src="../../public/img/contact_03.jpg" alt="">
</div>



  </div>
</template>

<style lang="less" scoped>
   .bg_sbz{
   height: 290px;
   margin-top: 1px;
     background:url(../../public/img/bgbgbg.png) center center no-repeat;
    display: flex;
    align-items: center;
   }
   .burr_a{
 display:flex;
     justify-content: space-evenly;
   }
    .img_chang{
     width: 90px;
     height: 48px;
   }
   .img_duan{
     width: 60px;
     height: 45px;
   }
   .buttonf{
         display: inline-block;
    width: 120px;
    height: 80px;
    line-height: 70px;
    background: rgba(128,101,84,0.10);
    border-radius: 4px;
    text-align: center;
   }
   .footer_xx {
  margin-top: 80px;
  text-align: center;
   background-color: #855648;
}
</style>


